<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>卡券商城</title>
    <link rel="stylesheet" href="__STATIC_URL__/static/mobile/css/weui.css" />
    <link rel="stylesheet" href="__STATIC_URL__/static/mobile/mycord/css/cord.css" />

    <style>
        .aft{

            content: " ";
            display: inline-block;
            height: 6px;
            width: 6px;
            border-width: 1px 1px 0 0;
            border-color: #1aad19;
            border-style: solid;
            -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
            transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
            margin-top: -4px;
        }
        .cardList{
            position: relative;
        }
        .cardLi {
            position: relative;
            height: auto;
        }

        .semi_circle1 {

            position: absolute;
            bottom: 0;
            left: -8px;
        }
        .cardtop {
            position: absolute;
            left: -26px;
            top: 11px;
            font-size: 12px;
        }
        .cardleft {
            margin-left: -18px;
            padding: 10px 0 10px 10px;
        }
        .cardR-top{
            border-bottom:none;
        }
        .cardR-conten p{
            color: #7B7B7B;
            font-size: 14px;
        }
        .cardName{
            white-space: nowrap;
            width: 140px;
            overflow: hidden;
            text-overflow:ellipsis;
        }
        .paycard{
            border: 1px solid #21ac35;
            padding: 4px 8px;
            border-radius: 3px;
            width: 35px;
            display: inline-block;
        }
    </style>
</head>
<body>

<div class="container" id="container">




    <div class="harder"style="background:url(__STATIC_URL__/static/mobile/mycord/img/logo_2.png);background-size:100% 100%;">



    </div>

    <div class="body">

        <div class="content">
            <div class="selected">
                {volist name="list" id="vo"}
                <a href="{:url('cardshop/paycardsinfo',array('fid'=>$vo['id'],'card_id'=>$card['card_id']))}" class="clickself weui-media-box_appmsg" data-url="{:url('cardjc/cardjcinfo')}" data-id="" >
                    <div class='cardList'>

                        <div class='cardLi'>
                            <div class="semi_circle"></div>
                            <div class="semi_circle1"></div>
                            <div class="cardtop">
                                <div class="top_row already">全部门店</div>

                            </div>
                            <div class='cardleft'>
                                <img src="{$card['logo_url']}" mode='aspectFill' class='shopLogo'/>
                            </div>
                            <div class='cardRight flex'>
                                <div class='cardR-top'>
                                    <div class='cardR-top-left'>

                                        <div class='cardName'>{$vo['title']}</div>
                                        <div class='cardAddress'>￥{$vo['price']}元</div>
                                    </div>
                                    <div class='cardR-top-right'>

                                        <div class='cardAddress 'style="">
                                            <div class='cardAddress already'style="padding-right:10px;    margin-top: 14px;"><span class="paycard">购买 <span class="aft"></span></span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class='cardR-conten'>
                                    <p>{:getpaygive($vo['cardlist'])}</p>
                                </div>
                                <div class='cardR-bottom'>
                                    <div class='cardR-bottom-left'>
                                        <div class='overdue'>活动时间：{$vo['starttime']|date="Y-m-d",###}-{$vo['endtime']|date="Y-m-d",###}</div>

                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </a>
{/volist}


            </div>



            <div class="selected2" style="display:none">
                <div class="zanwu">
                    <img src="__STATIC_URL__/static/mobile/mycord/img/wu.png"class="wu"/>
                    <div>暂无优惠券，赶快来领取哦~~</div>
                </div>
            </div>
        </div>

    </div>
    <div class='cardWrap' id="Refresh">
        <img src="__STATIC_URL__/static/mobile/mycord/img/shuaxin.png"class="Refresh"/>
    </div>
</div>
</body>
<script src="__STATIC_URL__/static/jquery/3.2.1/jquery.min.js"></script>
<script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>

    $("#Refresh").click(function(){
        window.location.reload();
    })
</script>
<script type="text/javascript">
    $(function () {

        $(".clickself").click(function () {

        })
    });
</script>
</html>
